<template>
    <div id="page">
        <!-- 顶部 -->
        <div id="header_top">
            <p>我的</p>
            <p>
                <span class="iconfont">&#xf0112;
                </span>
                <span class="iconfont">&#xe71e;</span>
                <i></i>
            </p>

        </div>

        <!-- 头部 -->
        <header>
            <!-- 头像 -->
            <div class="portrait">
                <img src="../../../assets/images/shop.jpg" alt="" class="img">
                <p>
                    <span>代用名</span>
                    <span>完善资料让小U更懂你</span>
                </p>
                <p>
                    <img src="../../../assets/images/my_03.jpg" alt="">
                    <span>每日签到</span>
                    
                </p>
            </div>
            <!-- 我的收藏 -->
            <ul class="ul1">
                <li>
                    <p>12</p>
                    <p>我的收藏</p>
                </li>
                <li>
                    <p>12</p>
                    <p>浏览记录</p>
                </li>
                <li>
                    <p>
                        <i>￥</i>
                        <span>0</span>
                    </p>
                    <p>我的评价</p>
                </li>
                <li>
                    <p>12</p>
                    <p>优惠券</p>
                </li>
            </ul>
            <!-- 我的订单 -->
            <div class="order">
                <div class="top">
                    <span>我的订单</span>
                    <span class="iconfont">全部订单 &#xe601;</span>
                </div>

                <div class="bottom">
                    <ul class="ul2">
                        <li>
                            <img src="../../../assets/images/my_07.jpg" alt="">
                            <em>待付款</em>
                        </li>
                        <li>
                            <img src="../../../assets/images/my_12.jpg" alt="">
                            <em>待收货</em>
                        </li>
                        <li>
                            <img src="../../../assets/images/my_14.jpg" alt="">
                            <em>评价</em>
                        </li>
                        <li>
                            <img src="../../../assets/images/my_09.jpg" alt="">
                            <em>售后/退款</em>
                        </li>
                    </ul>
                </div>
            </div>            
        </header>

        <!-- 内容 -->
        <main>
            <ul class="ul3">
                <li>
                    <span class="iconfont">&#xe613;</span>
                    <i>地址管理</i>
                    <em class="iconfont">&#xe601;</em>
                </li>
                <li>
                    <span class="iconfont">&#xe606;</span>
                    <i>我的钱包</i>
                    <em class="iconfont">&#xe601;</em>
                    <b>剩余200U币</b>
                </li>
                <li>
                    <span class="iconfont">&#xe646;</span>
                    <i>我的二维码</i>
                    <em class="iconfont">&#xe601;</em>
                </li>
                <li>
                    <span class="iconfont">&#xe61d;
                    </span>
                    <i>我的小伙伴</i>
                    <em class="iconfont">&#xe601;</em>
                </li>
                <li>
                    <span class="iconfont">&#xe653;</span>
                    <i>0元试用</i>
                    <em class="iconfont">&#xe601;</em>
                </li>
            </ul>
        </main>

        <!-- 尾部 -->
        
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped src='../../../assets/css/my.css'>
/* @import '../' */
</style>